<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .form-group {
            text-align: center;
            margin: 10px;
        }
        /* .content{ */
            /* text-align: center; */
        /* } */
    </style>
    <title>添加小说</title>
</head>

<body>
    <h4>添加小说</h4>
    <form action="{{__HOST__}}/search" method="post" class="form-horizontal" role="form">
        <div class="form-group">
            <!-- <textarea name="addr" id="addr" cols="100" rows="10" placeholder="请输入url地址"></textarea>
            <br>
            <button type="submit" class="btn btn-primary">抓取录入</button> -->
            <input name="bookName" id="bookName" placeholder="请输入小说名称" value="{{bookName}}" style="width: 500px;"></textarea>
            <button type="submit" class="btn btn-primary">搜索</button>
        </div>
        <div class="content">
            <div>搜索结果</div>
            <ul>
                <li>
                    <div style="width: 300px;display: inline-block;">文章名称</div><div style="display: inline-block;">作者</div>
                </li>
                {{each list}}
                <li>
                    <div style="width: 300px;display: inline-block;">{{$value.bookName}}</div><div style="display: inline-block;">{{$value.auther}}</div>
                    <a href="/doAdd?bookName={{$value.bookName}}&addr={{@$value.addr}}">抓取</a>
                </li>
                {{/each}}
            </ul>
        </div>
    </form>
</body>

</html>